<template>
<div class="card" @click="handleAdd">  
    <div class="test">
     <slot></slot>
    </div>
</div> 
</template>

<script setup lang="ts">
const handleAdd = () => {
  
}
</script>

<style scoped>
* {
    margin: 0; 
    padding: 0;
}  
         
 body {  
   background: #00a651;  
 }  

 .card {  
   position: relative;  
   float: left;  
   margin-right: 10px;  
   width: 150px;  
   height: 220px;  
   border-radius: 10px; 
   border: 1px solid #000;
   background: #fff;  
   -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3);  
   box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
 }
</style>